<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>逍遥游的个人博客主页</title>
    <meta name="keywords" content="语言学习,开发实战,黑客与安全,计算机基础,数据库,开发工具,程序人生" />
    <meta name="description" content="这是逍遥游的博客主页" />
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/animation.css" rel="stylesheet">
    <!-- 返回顶部调用 begin -->
    <link href="css/lrtk.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <!-- 返回顶部调用 end-->
    <!--[if lt IE 9]>
    <script src="js/modernizr.js"></script>
    <![endif]-->
</head>
<body>
<header>
    <nav id="nav">
        <ul>
            <li><a href="./index.html" >网站首页</a></li>
            <li><a href="./languageStudy/list.html" target="_blank" title="语言学习">语言学习</a></li>
            <li><a href="Development/list.html" target="_blank" title="开发">开发</a></li>
            <li><a href="./database/list.html" target="_blank" title="数据库">数据库</a></li>
            <li><a href="./hackersAndSecurity/list.html" target="_blank" title="黑客与安全">黑客与安全</a></li>
            <li><a href="./computerBasic/list.html" target="_blank" title="计算机基础及历史">计算机基础</a></li>
            <li><a href="./developmentTool/list.html" target="_blank" title="开发工具">开发工具</a></li>
            <li><a href="./programmingLife/list.html" target="_blank" title="程序人生">程序人生</a></li>
        </ul>
        <script src="js/silder.js"></script><!--获取当前页导航 高亮显示标题-->
    </nav>
</header>
<!--header end-->
<div id="mainbody">
    <div class="info">
        <figure> <img src="images/art.jpg"  alt="Panama Hat">
            <figcaption><strong>黑客道德准则</strong>通往电脑的路不止一条
                所有的信息都应是免费的
                打破电脑权限
                在电脑上创造艺术和美
                计算机使生活更美好</figcaption>
        </figure>
        <div class="card">
            <h1>我的名片</h1>
            <p>网名：逍遥游</p>
            <p>职业：软件工程师</p>
            <p>微信公众号：逍遥游的编程技术总结</p>
            <p>Email：2453419889@qq.com</p>
            <p>Github：https://github.com/commanderZY</p>
            <p>码云：https://gitee.com/commanderZY</p>
            <p>CSDN博客：https://blog.csdn.net/weixin_39510813</p>
        </div>
    </div>
    <!--info end-->
    <div class="blank"></div>
    <div class="blogs">
        <ul class="bloglist">
            <li>
                <div class="arrow_box">
                    <div class="ti"></div>
                    <!--三角形-->
                    <div class="ci"></div>
                    <!--圆形-->
                    <h2 class="title"><a href="Development/webdevelopment/create_website_by_githubpages.html" target="_blank">借助GitHub搭建静态个人网站并绑定域名</a></h2>
                    <ul class="textinfo">
                        <a href="Development/webdevelopment/create_website_by_githubpages.html"><img src="images/s1.png"></a>
                        <p>GitHub Pages提供搭建静态页面的功能，因此，我们不需要掏钱买虚拟主机了，可以借助于GitHub搭建属于自己的个人博客网站，并且GitHub pages支持域名绑定，因此，我们只需要再花一点钱买一个域名，就可以搭建一个有自己域名的个人静态网站了。</p>
                    </ul>
                    <!--<ul class="details">-->
                        <!--<li class="likes"><a href="#">10</a></li>-->
                        <!--<li class="comments"><a href="#">34</a></li>-->
                        <!--<li class="icon-time"><a href="#">2013-8-7</a></li>-->
                    <!--</ul>-->
                </div>
                <!--arrow_box end-->
            </li>
            <li>
                <div class="arrow_box">
                    <div class="ti"></div>
                    <!--三角形-->
                    <div class="ci"></div>
                    <!--圆形-->
                    <h2 class="title"><a href="./languageStudy/markdown/使用MarkDown快速书写技术博客并发布在CSDN及个人博客网站上.html" target="_blank">使用MarkDown快速书写技术博客并发布在CSDN及个人博客网站上</a></h2>
                    <ul class="textinfo">
                        <a href="/"><img src="images/s2.png"></a>
                        <p>Markdown 是一个 Web 上使用的文本到HTML的转换工具，可以通过简单、易读易写的文本格式生成结构化的HTML文档。目前 github、Stackoverflow 等网站均支持这种格式。这样，我可以使用MarkDown语法写完总结或者博客后，很简单的同时发布在CSDN以及个人网站上。</p>
                    </ul>
                    <!--<ul class="details">-->
                        <!--<li class="likes"><a href="#">102</a></li>-->
                        <!--<li class="comments"><a href="#">58</a></li>-->
                        <!--<li class="icon-time"><a href="#">2013-8-7</a></li>-->
                    <!--</ul>-->
                </div>
                <!--arrow_box end-->
            </li>
            <li>
                <div class="arrow_box">
                    <div class="ti"></div>
                    <!--三角形-->
                    <div class="ci"></div>
                    <!--圆形-->
                    <h2 class="title"><a href="Development/linuxdevelopment/ubuntu/VMware安装Ubuntu及VMware%20Tools实用总结.html" target="_blank">VMware安装Ubuntu及VMware Tools实用总结</a></h2>
                    <ul class="textinfo">
                        <a href="/"><img src="images/s3.png"></a>
                        <p>由于Linux的开源性，目前大多数嵌入式设备大多选择Linux系统，而学习Linux就必须从某一个Linux系统开始了，目前Linux的桌面系统很多，大家不必纠结于选择什么系统，我这里选用Ubuntu16.04，如果直接安装双系统的话，Windows上的很多软件就无法使用了，不停的切换系统显然不是一个好的选择，因此在Windows上安装虚拟机来安装Ubuntu是一个很不错的选择。</p>
                    </ul>
                    <!--<ul class="details">-->
                        <!--<li class="likes"><a href="#">15</a></li>-->
                        <!--<li class="comments"><a href="#">2</a></li>-->
                        <!--<li class="icon-time"><a href="#">2013-8-7</a></li>-->
                    <!--</ul>-->
                </div>
                <!--arrow_box end-->
            </li>
            <li>
                <div class="arrow_box">
                    <div class="ti"></div>
                    <!--三角形-->
                    <div class="ci"></div>
                    <!--圆形-->
                    <h2 class="title"><a href="Development/linuxdevelopment/ubuntu/Ubuntu16.04下搭建LAMP环境.html" target="_blank">Ubuntu上安装LAMP环境</a></h2>
                    <ul class="textinfo">
                        <a href="/"><img src="images/s4.png"></a>
                        <p>Linux+Apache+Mysql/MariaDB+Perl/PHP/Python一组常用来搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台。随着开源潮流的蓬勃发展，开放源代码的LAMP已经与J2EE和.Net商业软件形成三足鼎立之势，并且该软件开发的项目在软件方面的投资成本较低，因此受到整个IT界的关注。从网站的流量上来说，70%以上的访问流量是LAMP来提供的，LAMP是最强大的网站解决方案。</p>
                    </ul>
                    <!--<ul class="details">-->
                        <!--<li class="likes"><a href="#">102</a></li>-->
                        <!--<li class="comments"><a href="#">58</a></li>-->
                        <!--<li class="icon-time"><a href="#">2013-8-7</a></li>-->
                    <!--</ul>-->
                </div>
                <!--arrow_box end-->
            </li>
            <li>
                <div class="arrow_box">
                    <div class="ti"></div>
                    <!--三角形-->
                    <div class="ci"></div>
                    <!--圆形-->
                    <h2 class="title"><a href="./developmentTool/Git/下载安装tortoiseGit.html" target="_blank">下载安装tortoiseGit</a></h2>
                    <ul class="textinfo">
                        <a href="/"><img src="images/s5.png"></a>
                        <p>目前，分布式代码管理工具Git已然成为主流，学习并掌握它是必不可少的，但是习惯了SVN的我，在使用Git初期总是感觉不顺手，所幸tortoise依然给力，tortoiseGit的图形界面和tortoiseSVN基本相同，这样，从SVN到Git的过渡也就只差思想上的过渡了。</p>
                    </ul>
                    <!--<ul class="details">-->
                        <!--<li class="likes"><a href="#">15</a></li>-->
                        <!--<li class="comments"><a href="#">2</a></li>-->
                        <!--<li class="icon-time"><a href="#">2013-8-7</a></li>-->
                    <!--</ul>-->
                </div>
                <!--arrow_box end-->
            </li>
        </ul>
        <!--bloglist end-->
        <aside>
            <div class="tuijian">
                <h2>推荐文章</h2>
                <ol>
                    <li><span><strong>1</strong></span><a href="Development/webdevelopment/create_website_by_githubpages.html">借助GitHub搭建静态个人网站并绑定域名</a></li>
                    <li><span><strong>2</strong></span><a href="./languageStudy/markdown/使用MarkDown快速书写技术博客并发布在CSDN及个人博客网站上.html">使用MarkDown快速书写技术博客并发布在CSDN及个人博客网站</a></li>
                    <li><span><strong>3</strong></span><a href="Development/linuxdevelopment/ubuntu/VMware安装Ubuntu及VMware%20Tools实用总结.html">VMware安装Ubuntu及VMware Tools实用总结</a></li>
                    <li><span><strong>4</strong></span><a href="Development/linuxdevelopment/ubuntu/Ubuntu16.04下搭建LAMP环境.html">Ubuntu上安装LAMP环境</a></li>
                    <li><span><strong>5</strong></span><a href="./developmentTool/Git/下载安装tortoiseGit.html">下载安装tortoiseGit</a></li>
                    <li><span><strong>6</strong></span><a href="./developmentTool/vim/将vim打造成IDE总结(一).html">将vim打造成IDE总结(一)</a></li>
                    <li><span><strong>7</strong></span><a href="developmentTool/vim/将vim打造成IDE总结(二).html">将vim打造成IDE总结(二)</a></li>
                    <li><span><strong>8</strong></span><a href="Development/webdevelopment/WAMP简单介绍和WampServer下载安装汉化详细说明.html">WAMP简单介绍和WampServer下载安装汉化详细说明</a></li>
                    <li><span><strong>9</strong></span><a href="./developmentTool/电脑键盘指法的正确练习步骤.html">电脑键盘指法的正确练习步骤</a></li>
                </ol>
            </div>
            <div>
                <h3>全球访客</h3>
                <div class="textwidget custom-html-widget">
                    <script type="text/javascript" src="//ra.revolvermaps.com/0/0/1.js?i=03c4z2ijqp7&amp;s=220&amp;m=1&amp;v=false&amp;r=false&amp;b=000000&amp;n=false&amp;c=ff0000" async="async"></script>
                </div>
            </div>
            <div style="text-align:center; margin:0; padding:0; width:256px;"><embed src="//rf.revolvermaps.com/f/f.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="window" allowScriptAccess="always" allowNetworking="all" width="256" height="128" flashvars="m=0&amp;i=5xshue66jtc&amp;r=0&amp;c=ff0000"></embed><br /><img src="//rf.revolvermaps.com/js/c/5xshue66jtc.gif" width="1" height="1" alt="" /><a href="http://www.revolvermaps.com/livestats/5xshue66jtc/">Large Visitor Map</a></div>
            <div class="viny">
                <dl>
                    <dt class="art"><img src="images/artwork.png" alt="专辑"></dt>
                    <dd class="icon-song"><span></span>歌名：wake up</dd>
                    <dd class="icon-artist"><span></span>歌手：AAA</dd>
                    <dd class="icon-album"><span></span>所属专辑：Wake up!</dd>
                    <dd class="icon-like"><span></span><a href="http://music.163.com/#/song?id=28754588">喜欢</a></dd>
                    <dd class="music">
                        <audio src="images/WakeUp.mp3" controls></audio>
                    </dd>
                    <!--也可以添加loop属性 音频加载到末尾时，会重新播放-->
                </dl>
            </div>
        </aside>
    </div>
    <!--blogs end-->
</div>
<!--mainbody end-->
<footer>
    <div class="footer-mid">
    </div>
    <!--<div class="footer-bottom">-->
        <!--<p>loon's index page <a href="http://xiaoyaoyou.xyz">loon</a></p>-->
    <!--</div>-->
</footer>
<!-- jQuery回顶部 代码开始 -->
<div id="tbox"> <a id="gotop" href="javascript:void(0)"></a> </div>
<!-- 代码结束 -->
</body>
</html>
